require.config({
	paths:{
		'jquery':'jquery',
		'cookie':'jquery.cookie'
	}
})
require(['jquery','cookie'],function($,cookie){
	$(function(){
		//导航栏鼠标点击
		$('.jlg_slideshow_top_list li:nth-child(1) a').click(function(){
			//console.log($(this));
			$(this).css('color','rgb(233,20,86)');
			$('.jlg_slideshow_top_list li:nth-child(2) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(3) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(4) a').css('color','rgb(68,68,68)');
			$(this).hover(function(){
				$(this).css('color','rgb(233,20,86)');
			},function(){
				$(this).css('color','rgb(233,20,86)');
			})
		});
		$('.jlg_slideshow_top_list li:nth-child(2) a').click(function(){
			//console.log($(this));
			$(this).css('color','rgb(233,20,86)');
			$('.jlg_slideshow_top_list li:nth-child(1) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(3) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(4) a').css('color','rgb(68,68,68)');
			$(this).hover(function(){
				$(this).css('color','rgb(233,20,86)');
			},function(){
				$(this).css('color','rgb(233,20,86)');
			})
		});
		$('.jlg_slideshow_top_list li:nth-child(3) a').click(function(){
			//console.log($(this));
			$(this).css('color','rgb(233,20,86)');
			$('.jlg_slideshow_top_list li:nth-child(1) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(2) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(4) a').css('color','rgb(68,68,68)');
			$(this).hover(function(){
				$(this).css('color','rgb(233,20,86)');
			},function(){
				$(this).css('color','rgb(233,20,86)');
			})
		});
		$('.jlg_slideshow_top_list li:nth-child(4) a').click(function(){
			//console.log($(this));
			$(this).css('color','rgb(233,20,86)');
			$('.jlg_slideshow_top_list li:nth-child(1) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(3) a').css('color','rgb(68,68,68)');
			$('.jlg_slideshow_top_list li:nth-child(2) a').css('color','rgb(68,68,68)');
			$(this).hover(function(){
				$(this).css('color','rgb(233,20,86)');
			},function(){
				$(this).css('color','rgb(233,20,86)');
			})
		});
		//商品列表  获取内容
		$.getJSON('../json/list.json',function(json){
			//span1
			$('<img />').attr('src',json.jlg_list_01a_1.img).appendTo($('.jlg_list_01 .jlg_list_01a .img1 a'))
			$('.jlg_list_01 .jlg_list_01a .name1').append(json.jlg_list_01a_1.name)
			$('.jlg_list_01 .jlg_list_01a .price1 b').append(json.jlg_list_01a_1.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy1 a'))
			//span2
			$('<img />').attr('src',json.jlg_list_01a_2.img).appendTo($('.jlg_list_01 .jlg_list_01a .img2 a'))
			$('.jlg_list_01 .jlg_list_01a .name2').append(json.jlg_list_01a_2.name)
			$('.jlg_list_01 .jlg_list_01a .price2 b').append(json.jlg_list_01a_2.price)
			$('<img />').attr('src',json.jlg_list_01a_2.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy2 a'))
			//span3
			$('<img />').attr('src',json.jlg_list_01a_3.img).appendTo($('.jlg_list_01 .jlg_list_01a .img3 a'))
			$('.jlg_list_01 .jlg_list_01a .name3').append(json.jlg_list_01a_3.name)
			$('.jlg_list_01 .jlg_list_01a .price3 b').append(json.jlg_list_01a_3.price)
			$('<img />').attr('src',json.jlg_list_01a_3.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy3 a'))
			//span4
			$('<img />').attr('src',json.jlg_list_01a_4.img).appendTo($('.jlg_list_01 .jlg_list_01a .img4 a'))
			$('.jlg_list_01 .jlg_list_01a .name4').append(json.jlg_list_01a_4.name)
			$('.jlg_list_01 .jlg_list_01a .price4 b').append(json.jlg_list_01a_4.price)
			$('<img />').attr('src',json.jlg_list_01a_4.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy4 a'))
			//span5
			$('<img />').attr('src',json.jlg_list_01a_5.img).appendTo($('.jlg_list_01 .jlg_list_01a .img5 a'))
			$('.jlg_list_01 .jlg_list_01a .name5').append(json.jlg_list_01a_5.name)
			$('.jlg_list_01 .jlg_list_01a .price5 b').append(json.jlg_list_01a_5.price)
			$('<img />').attr('src',json.jlg_list_01a_5.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy5 a'))
			//span6
			$('<img />').attr('src',json.jlg_list_01a_6.img).appendTo($('.jlg_list_01 .jlg_list_01a .img6 a'))
			$('.jlg_list_01 .jlg_list_01a .name6').append(json.jlg_list_01a_6.name)
			$('.jlg_list_01 .jlg_list_01a .price6 b').append(json.jlg_list_01a_6.price)
			$('<img />').attr('src',json.jlg_list_01a_6.buy).appendTo($('.jlg_list_01 .jlg_list_01a #buy6 a'))
			//span7
			$('<img />').attr('src',json.jlg_list_01a_7.img).appendTo($('.jlg_list_02 .jlg_list_02a .img7 a'))
			$('.jlg_list_02 .jlg_list_02a .name7').append(json.jlg_list_01a_7.name)
			$('.jlg_list_02 .jlg_list_02a .price7 b').append(json.jlg_list_01a_7.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy7 a'))
			//span8
			$('<img />').attr('src',json.jlg_list_01a_8.img).appendTo($('.jlg_list_02 .jlg_list_02a .img8 a'))
			$('.jlg_list_02 .jlg_list_02a .name8').append(json.jlg_list_01a_8.name)
			$('.jlg_list_02 .jlg_list_02a .price8 b').append(json.jlg_list_01a_8.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy8 a'))
			//span9
			$('<img />').attr('src',json.jlg_list_01a_9.img).appendTo($('.jlg_list_02 .jlg_list_02a .img9 a'))
			$('.jlg_list_02 .jlg_list_02a .name9').append(json.jlg_list_01a_9.name)
			$('.jlg_list_02 .jlg_list_02a .price9 b').append(json.jlg_list_01a_9.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy9 a'))
			//span10
			$('<img />').attr('src',json.jlg_list_01a_10.img).appendTo($('.jlg_list_02 .jlg_list_02a .img10 a'))
			$('.jlg_list_02 .jlg_list_02a .name10').append(json.jlg_list_01a_10.name)
			$('.jlg_list_02 .jlg_list_02a .price10 b').append(json.jlg_list_01a_10.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy10 a'))
			//span11
			$('<img />').attr('src',json.jlg_list_01a_11.img).appendTo($('.jlg_list_02 .jlg_list_02a .img11 a'))
			$('.jlg_list_02 .jlg_list_02a .name11').append(json.jlg_list_01a_11.name)
			$('.jlg_list_02 .jlg_list_02a .price11 b').append(json.jlg_list_01a_11.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy11 a'))
			//span12
			$('<img />').attr('src',json.jlg_list_01a_12.img).appendTo($('.jlg_list_02 .jlg_list_02a .img12 a'))
			$('.jlg_list_02 .jlg_list_02a .name12').append(json.jlg_list_01a_12.name)
			$('.jlg_list_02 .jlg_list_02a .price12 b').append(json.jlg_list_01a_12.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy12 a'))
			//span13
			$('<img />').attr('src',json.jlg_list_01a_13.img).appendTo($('.jlg_list_02 .jlg_list_02a .img13 a'))
			$('.jlg_list_02 .jlg_list_02a .name13').append(json.jlg_list_01a_13.name)
			$('.jlg_list_02 .jlg_list_02a .price13 b').append(json.jlg_list_01a_13.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy13 a'))
			//span14
			$('<img />').attr('src',json.jlg_list_01a_14.img).appendTo($('.jlg_list_02 .jlg_list_02a .img14 a'))
			$('.jlg_list_02 .jlg_list_02a .name14').append(json.jlg_list_01a_14.name)
			$('.jlg_list_02 .jlg_list_02a .price14 b').append(json.jlg_list_01a_14.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy14 a'))
			//span15
			$('<img />').attr('src',json.jlg_list_01a_15.img).appendTo($('.jlg_list_02 .jlg_list_02a .img15 a'))
			$('.jlg_list_02 .jlg_list_02a .name15').append(json.jlg_list_01a_15.name)
			$('.jlg_list_02 .jlg_list_02a .price15 b').append(json.jlg_list_01a_15.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy15 a'))
			//span16
			$('<img />').attr('src',json.jlg_list_01a_16.img).appendTo($('.jlg_list_02 .jlg_list_02a .img16 a'))
			$('.jlg_list_02 .jlg_list_02a .name16').append(json.jlg_list_01a_16.name)
			$('.jlg_list_02 .jlg_list_02a .price16 b').append(json.jlg_list_01a_16.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy16 a'))
			//span17
			$('<img />').attr('src',json.jlg_list_01a_17.img).appendTo($('.jlg_list_02 .jlg_list_02a .img17 a'))
			$('.jlg_list_02 .jlg_list_02a .name17').append(json.jlg_list_01a_17.name)
			$('.jlg_list_02 .jlg_list_02a .price17 b').append(json.jlg_list_01a_17.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy17 a'))
			//span18
			$('<img />').attr('src',json.jlg_list_01a_18.img).appendTo($('.jlg_list_02 .jlg_list_02a .img18 a'))
			$('.jlg_list_02 .jlg_list_02a .name18').append(json.jlg_list_01a_18.name)
			$('.jlg_list_02 .jlg_list_02a .price18 b').append(json.jlg_list_01a_18.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_02 .jlg_list_02a #buy18 a'))
			//span19
			$('<img />').attr('src',json.jlg_list_01a_19.img).appendTo($('.jlg_list_03 .jlg_list_03a .img19 a'))
			$('.jlg_list_03 .jlg_list_03a .name19').append(json.jlg_list_01a_19.name)
			$('.jlg_list_03 .jlg_list_03a .price19 b').append(json.jlg_list_01a_19.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy19 a'))
			//span20
			$('<img />').attr('src',json.jlg_list_01a_20.img).appendTo($('.jlg_list_03 .jlg_list_03a .img20 a'))
			$('.jlg_list_03 .jlg_list_03a .name20').append(json.jlg_list_01a_20.name)
			$('.jlg_list_03 .jlg_list_03a .price20 b').append(json.jlg_list_01a_20.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy20 a'))
			//span21
			$('<img />').attr('src',json.jlg_list_01a_21.img).appendTo($('.jlg_list_03 .jlg_list_03a .img21 a'))
			$('.jlg_list_03 .jlg_list_03a .name21').append(json.jlg_list_01a_21.name)
			$('.jlg_list_03 .jlg_list_03a .price21 b').append(json.jlg_list_01a_21.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy21 a'))
			//span22
			$('<img />').attr('src',json.jlg_list_01a_22.img).appendTo($('.jlg_list_03 .jlg_list_03a .img22 a'))
			$('.jlg_list_03 .jlg_list_03a .name22').append(json.jlg_list_01a_22.name)
			$('.jlg_list_03 .jlg_list_03a .price22 b').append(json.jlg_list_01a_22.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy22 a'))
			//span23
			$('<img />').attr('src',json.jlg_list_01a_23.img).appendTo($('.jlg_list_03 .jlg_list_03a .img23 a'))
			$('.jlg_list_03 .jlg_list_03a .name23').append(json.jlg_list_01a_23.name)
			$('.jlg_list_03 .jlg_list_03a .price23 b').append(json.jlg_list_01a_23.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy23 a'))
			//span24
			$('<img />').attr('src',json.jlg_list_01a_24.img).appendTo($('.jlg_list_03 .jlg_list_03a .img24 a'))
			$('.jlg_list_03 .jlg_list_03a .name24').append(json.jlg_list_01a_24.name)
			$('.jlg_list_03 .jlg_list_03a .price24 b').append(json.jlg_list_01a_24.price)
			$('<img />').attr('src',json.jlg_list_01a_1.buy).appendTo($('.jlg_list_03 .jlg_list_03a #buy24 a'))
		})
	})
	loadCart();
	//购物车显示
	//点击立即抢购的时候加入购物车
	$('.buy').click(function(){
		var goodID = $(this).parent().attr('data-good-id');
		var goodName = $(this).parent().find('span').eq(1).html();
		var goodPrice = parseFloat($(this).parent().find('span b').html());
		var goodSrc = $(this).parent().find('span img').attr("src");
		var cartStr = $.cookie('cart') ? $.cookie('cart') : '';
		//将字符串转化为对象
		var cartObj = convertCartStrToObj(cartStr);
		if(goodID in cartObj){
			cartObj[goodID].num += 1;
		}else{
			cartObj[goodID] = {
				name : goodName,
				price : goodPrice,
				num : 1,
				src : goodSrc
			};
		}
		//将创造的对象转换为字符串存入cookie中
		cartStr = convertObjToCartStr(cartObj);
		//存入cookie
		$.cookie('cart',cartStr,{expires:7,path:'/'});
		loadCart();
	})
	//加在购物车函数
	function loadCart(){
		var cartStr = $.cookie('cart') ? $.cookie('cart') : '';
		var cartObj = convertCartStrToObj(cartStr);
		var total = 0;
		for(var id in cartObj){
			total += cartObj[id].num;;
		}
		//console.log(cartObj[id])
		$('.count').html(total);
	}
	//将字符串转为对象
	function convertCartStrToObj(cartStr){
		if(!cartStr){
			return {};
		}
		var goods = cartStr.split(':');
		var obj = {};
		for(var i = 0;i < goods.length;i ++){
			var data = goods[i].split(',');
			obj[data[0]] = {
				name : data[1],
				price : parseFloat(data[2]),
				num : parseInt(data[3]),
				src : data[4]					
			}
		}
		return obj;
	}
	//将对象转换为字符串
	function convertObjToCartStr(obj){
		var cartStr = '';
		for(var id in obj){
			if(cartStr){
				cartStr += ':';
			}
			cartStr += id + ',' + obj[id].name + "," + obj[id].price + ',' + obj[id].num + ',' + obj[id].src;
		}
		return cartStr;
	}
})